<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<!--引入jquery-->
		<script src="../js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!--引入bootsrap-->
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.css"/>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/npm.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" type="text/css" href="../css/admin/user.css"/>
		
	</head>
	<body class="container">

        <div class="box-header with-border">
            <h3 class="box-title">用户管理</h3>
        </div>

        <div class="box-body">

            <!-- 数据表格 -->
            <div class="table-box">

                <!--工具栏-->
                <div class="pull-left">
                    <div class="form-group form-inline">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default" data-toggle="modal" data-target="#editModal" >新建</button>
                            <button type="button" class="btn btn-default" >编辑</button> 
                            <button type="button" class="btn btn-default" >删除</button>
                        </div>  
                    </div>
                </div>
                
                <div class="pull-right">
                    <div class="form-group form-inline">
                        <div class="input-group">
					      <input type="text" class="form-control" placeholder="输入用户名称">
					      <span class="input-group-btn">
					        <button class="btn btn-default" type="button">搜索</button>
					      </span>
					    </div> 
                    </div>
                </div>
                
              	<!--数据列表-->
              	<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                	<thead>
	                    <tr>
	                    	<th class="text-center"></th>
							<th class="text-center">ID</th>
						    <th class="text-center">姓名</th>									      
						    <th class="text-center">密码</th>	
						    <th class="text-center">生日</th>
		                    <th class="text-center">性别</th>
		                    <th class="text-center">头像</th>
	                    </tr>
	                </thead>
                	<tbody>
	                    <tr class="text-center">
	                    	<td>
	                    		<input id="selall" type="checkbox" class="icheckbox_square-blue">
	                    	</td>
	                
	                        <td>edggda12350de</td>			                              
	                        <td>张三丰</td>
						    <td>1252358</td>									     
	                        <td>2019-04-07</td>
	                        <td>男</td>
	                        <td><img src="../img/head.jpg"></td>
	                    </tr>	
	                    <tr class="text-center">
	                    	<td>
	                    		<input id="selall" type="checkbox" class="icheckbox_square-blue">
	                    	</td>
	                    	
	                        <td>dd3ggda12350de</td>			                              
	                        <td>谢逊</td>
						    <td>1252358</td>									     
	                        <td>2019-04-07</td>
	                        <td>男</td>
	                        <td><img src="../img/head.jpg"></td>
	                    </tr>	
             		</tbody>
         		</table>
              
              	<div class="container text-center">
              		<nav aria-label="Page navigation">
					  <ul class="pagination">
					    <li>
					      <a href="#" aria-label="Previous">
					        <span aria-hidden="true">&lt;&lt;</span>
					      </a>
					    </li>
					    <li><a href="#">&lt;</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">&gt;</a></li>
					    <li>
					      <a href="#" aria-label="Next">
					        <span aria-hidden="true">&gt;&gt;</span>
					      </a>
					    </li>
					  </ul>
					</nav>
              	</div>
              	
            </div>            
         </div>
         
		<!-- 编辑窗口 -->
		<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog" >
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">新建用户</h3>
				</div>
				<div class="modal-body">	
					
					<form class="form-horizontal" action="user.html">
					  <div class="form-group">
					    <label for="inputEmail3" class="col-sm-2 control-label item-title">账号</label>
					    <div class="col-sm-8">
					      <input type="text" class="form-control" placeholder="请输入用户名">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label  item-title">密码</label>
					    <div class="col-sm-8">
					      <input type="password" class="form-control" placeholder="请输入密码">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label  item-title">生日</label>
					    <div class="col-sm-8">
					      <input type="date" class="form-control">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label  item-title">性别</label>
					    <div class="col-sm-8 checkbox">
					        <label>
					          <input type="checkbox" name="sex"> 男
					        </label>
					        <label>
					          <input type="checkbox" name="sex"> 女
					        </label>
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label  item-title">头像</label>
					    <div class="col-sm-8">
					      <input type="file" class="form-control">
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-8">
					      <button type="submit" class="btn btn-primary btn-lg btn-block btn-danger">添加用户</button>
					    </div>
					  </div>
					</form>										
				</div>
				
			  </div>
			</div>
		</div>
	
	</body>
</html>
